<template>
  <div class="page">
    <div class="a-all">
      <img class="aimg" :src="astrategy.asrc" />
      <div class="asbiao">{{ astrategy.asbiao }}</div>

      <div class="alocation">
        <img
          class="alocation_img"
          src="https://my-wechatl.oss-cn-beijing.aliyuncs.com/dizhi(1).png"
        />
        {{ astrategy.alocation }}
      </div>
      <div class="atime">
        <img
          class="atime_img"
          src="https://my-wechatl.oss-cn-beijing.aliyuncs.com/shijian.png"
        />
        {{ astrategy.atime }}
      </div>
    </div>
  </div>
</template>


<script>
export default {
  props: ["astrategy"],
};
</script>

<style lang='scss'>
.page {
  width: 100%;
}

//整个框
.a-all {
  position: relative;
  height: 250rpx;
  width: 320px;
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  box-shadow: 0 5px 5px 2px silver;
  border-radius: 4px;
  // border:1px solid red;
}
//图片
.aimg {
  position: absolute;
  height: 200rpx;
  width: 200rpx;
  margin-top: 25rpx;
  margin-left: 35rpx;
  //  border:1px solid blue;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

//标题
.asbiao {
  //上右下左
  position: absolute;
  font-size: 18px;
  padding: 5px 8px 5px 8px;
  margin-left: 150px;
  margin-top: 25rpx;
  font-family: "宋体";
  font-weight: bold;
}

.alocation {
  position: absolute;
  font-size: 14px;
  margin-left: 150px;
  margin-top: 60rpx;
  margin-right: 10rpx;
  //   border:solid 1px red;
}
.alocation_img {
  margin-top: 20rpx;
  height: 22px;
  width: 22px;
  //   border:solid 1px red;
}

.atime {
  position: absolute;
  font-size: 14px;
  margin-left: 150px;
  margin-top: 145rpx;
  margin-right: 10rpx;
}
.atime_img {
  margin-top: 20rpx;
  height: 20px;
  width: 20px;
}
</style>
